<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>fetch发送ajax请求</title>
	</head>
	<body>
        <button id="test">发送消息</button>
        <button id="test1">取消请求</button>
	</body>
	<script type="text/javascript">
        const btns  =document.querySelectorAll('button')
        
        // fech是全局对象下的方法，可以直接调用
        // 他返回一个promise
  
        btns[0].addEventListener('click',function(){
            fetch('http://localhost:8000/post',{
                method:'POST',
                headers:{},
                body:'username=pop&age=18'
            }).then(value=>{
                //结果无法直接获取
                console.log(value);
                return value.text();
                // 也可以通过 value.json() 获得一个json对象
            }).then(value=>{
                console.log(value);
            });
        });
        btns[1].addEventListener('click',function(){
           
        });
        // testBtn.addEventListener('click',postAjax);
    

    </script>
</html>